<template>
    <div class="sort">
        <el-steps :active="active" finish-status="success">
            <el-step title="新建活动"></el-step>
            <el-step title="选择客户分群"></el-step>
            <el-step title="编辑创意"></el-step>
            <el-step title="投放规划"></el-step>
            <el-step title="完成"></el-step>
        </el-steps>

        

        <el-button type="primary" round style="margin-top: 12px;" @click="next">下一步</el-button>
    </div>
</template>

<script>
    export default {
        name: 'Sort',
        data() {
            return {
                active: 1,
                textarea1: '',
            }
        },
        methods: {
            next() {
                if (this.active++ > 3) this.active = 0;
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.textarea{
    width: 300px;
    height:200px;
    margin:100px;
}
</style>